// 作者：王晓政 （小政同学）
// 时间：2024年07月15日
// 博客：http://halo.axz99.cn/
//  博客：http://halo.axz99.cn/
// 欢迎大家来访问我的博客！
// 创建时间补0函数
function addZero(timeNum){

  // 如果值小于10则补0
   return timeNum < 10 ? `0${timeNum}` : timeNum;
  
}

// 星期转中文函数
function weekDayChina(weekDay = null){

  switch(weekDay){
    case 1: weekDay = '一';break;
    case 2: weekDay = '二';break;
    case 3: weekDay = '三';break;
    case 4: weekDay = '四';break;
    case 5: weekDay = '五';break;
    case 6: weekDay = '六';break;
    case 0: weekDay = '日';break;
    default:weekDay = null;break;
  }
  return weekDay;
}

// 格式化时间函数
function getNowTime(){
    // 创建日期对象
    var now = new Date();

    var year = now.getFullYear(); //获取完整的年份(4位,1970-????)
    var month = now.getMonth() + 1; //获取当前月份(0-11,0代表1月)
    var day = now.getDate(); //获取当前日(1-31)
    var hour = now.getHours(); //获取当前小时数(0-23)
    var minute = now.getMinutes(); //获取当前分钟数(0-59)
    var second = now.getSeconds(); //获取当前秒数(0-59)
    var millisecond = now.getMilliseconds(); //获取当前毫秒数(0-999)
    var weekDay = now.getDay(); //获取当前星期X(0-6,0代表星期天)

    // var arrtime = [year,,addZero(day),addZero(hour)]
    // 将获取到的每一个时间存储在一个对象中
    var timedate = {
        year:year,
        month:addZero(month),
        Day:addZero(day),
        hour:addZero(hour),
        minute:addZero(minute),
        second:addZero(second),
        weekDay:weekDayChina(weekDay)
    }
    return timedate;
    // return `${year}-${ addZero(month)}-${ addZero(day)} ${ addZero(hour)}：${addZero(minute)}：${addZero(second)} , 星期${weekDayChina(weekDay)}`;
}


// // 获取到时钟盒子
// let timedom = document.querySelector('.timebox');

// // 获取日期渲染区域
// let timeh1 = timedom.querySelector('.datetime').querySelector('.data');

// 获取时间渲染区域
// let time2 = document.querySelector('.time');

// 获取小时渲染区域
let webhour = document.querySelector('.hour');;
// 获取分钟渲染区域
let webminute = document.querySelector('.minute');;
// 获取秒数渲染区域
let websecond = document.querySelector('.second');;


// 页面文本渲染封装函数
function changeTime(dom,value){
  dom.innerHTML = value;
}

// 创建定时器，每1s对数据进行一次渲染！
setInterval(() =>{
  // changeTime( timeh1,`${getNowTime().year}年${getNowTime().month}月${getNowTime().Day}日`);
  changeTime(webhour,getNowTime().hour);
  changeTime(webminute,getNowTime().minute);
  changeTime(websecond,getNowTime().second);
},1000)

